<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>检测详情</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="众测天下@zhongcetianxia.com">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css">
<link rel="stylesheet" type="text/css" href="../../Public/template/green/css/webapp.css" />
<!--<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>-->
<script src="http://wximg.qq.com/wxp/libs/wxmoment/0.0.4/wxmoment.min.js"></script>
</head>
<body>
<div class="page" id="page-photo-browser">
    <header class="bar bar-nav bg-main bg-inverse"> <a class="icon icon-left pull-left back"></a>
        <h1 class="title color-white fs-2x fw-bold">检测详情</h1>
    </header>
    <div class="content">
        <div class="list-block contacts-block m-no">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">检测结果</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title"><span class="color-main">合格</span><!--<span class="color-red">镉 超标</span>--></div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">抽样地</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title">广东深圳</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">检测机构</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title">深圳中检联检测有限公司</div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">检测内容</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                三聚氰胺、重金属、微生物、农药残留
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-padded">
            <div class="row">
                <div class="col-50">
                    <div class="list-block contacts-block mv-0x">
                        <div class="list-group">
                            <ul>
                                <li class="list-group-title color-dark">抽样信息</li>
                                <li style="min-height: 12rem;display: table;table-layout: fixed;">
                                    <div class="item-content" style="display: table-cell;vertical-align: middle">
                                        <div class="item-inner">
                                            <a class="photoSample"><img src="../../Public/template/green/img/demo/report/sample.jpg"></a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-50">
                    <div class="list-block contacts-block mv-0x">
                        <div class="list-group">
                            <ul>
                                <li class="list-group-title color-dark">检验报告</li>
                                <li style="min-height: 12rem;display: table;table-layout: fixed;">
                                    <div class="item-content" style="display: table-cell;vertical-align: middle">
                                        <div class="item-inner">
                                            <a class="photoReport"><img src="../../Public/template/green/img/demo/report/1.jpg"></a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">危害简介</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                重金属
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">基本信息</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                铅、铬、镉、汞、砷
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="list-block contacts-block mv-0x">
            <div class="list-group">
                <ul>
                    <li class="list-group-title color-dark">基本知识</li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                重金属会引起人的头痛、头晕、失眠、健忘、神经错乱、关节疼痛、结石、癌症等症状。5种重金属的主要危害如下：
                                汞Hg：对人主要危害神经系统，使脑部受损，造成汞中毒脑症引起的四肢麻，运动失调、视野变窄、听力困难等症状，重者心力衰竭而死亡。中毒较重者可以出现口腔病变、恶心、沤吐、腹痛、腹泻等症状，也可对皮肤粘膜及泌尿、生殖等系统造成损害。在微生物作用下，甲基化后毒性更大。
                                镉Cd：可在人体中积累引起急、慢性中毒，急性中毒可使人呕血、腹痛、最后导致死亡，慢性中毒能使肾功能损伤，破坏骨胳、致使骨痛、骨质软化、瘫痪。
                                铬C：对皮肤、粘膜、消化道有刺激和腐蚀性，致使皮肤充血、糜烂、溃疡、鼻穿孔，患皮肤癌。可在肝、肾、肺积聚。
                                砷As：慢性中毒可引起皮肤病变、神经、消化和心血管系统障碍，有积累性毒性作用，破坏人体细胞的代谢系统。
                                铅Pb：主要对神经、造血系统和肾脏的危害，损害骨胳造血系统引起贫血，脑缺氧、脑水肿、出现运动和感觉异常。
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">var basePath="../../Public/template/green";</script>
<script type="text/javascript" src="../../Public/template/green/js/loading.js"></script>
<script type="text/javascript" src="../../Public/template/green/sui/sm.min.js"></script>
<script>
    $(function () {
        'use strict';
        //图片浏览器
        $(document).on("pageInit", "#page-photo-browser", function(e, id, page) {
            /*=== 抽样 ===*/
            var photoSample = $.photoBrowser({
                photos : [
                    {
                        url: '../../Public/template/green/img/demo/report/sample.jpg',
                        caption: '抽样图片'
                    },
                ],
                theme: 'dark',
                type: 'standalone',
                lazyLoading:true,
            });
            $(page).on('click','.photoSample',function () {
                photoSample.open();
            });
            /*=== 检验报告 ===*/
            var photoReport = $.photoBrowser({
                photos : [
                    {
                        url: '../../Public/template/green/img/demo/report/1.jpg',
                        caption: '检验报告图片'
                    },
                    {
                        url: '../../Public/template/green/img/demo/report/2.jpg',
                        caption: '检验报告图片'
                    },
                    {
                        url: '../../Public/template/green/img/demo/report/3.jpg',
                        caption: '检验报告图片'
                    },
                ],
                theme: 'dark',
                type: 'standalone',
                lazyLoading:true,
            });
            $(page).on('click','.photoReport',function () {
                photoReport.open();
            });
        });
    });
</script>
<script type="text/javascript" src="../../Public/template/green/js/webapp.js"></script>
</body>
</html>
